<!DOCTYPE html>
<!-- saved from url=(0083)file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                padding: 0px;
                margin: 0px;
                list-style:none;
                text-decoration: none;
            }
            .header{
                height: 66px;
                background:white;
                position: fixed;
                width: 100%;
                margin: 0px auto;
            }
            .h1{
                float: right;
                margin-top: 14px;
            }
            .a1 .a{
                float: left;
                margin: 12px 12px 12px 0px ;
                height: 36px;
                line-height: 36px;
                width: 36px;
                border-radius: 40px;
                display: block;
                text-align: center;
                background: #f8e71c;
                font-size: 20px;
            }
            .banner{
            height: 512px;
                width: 1209px;
                margin: 25px auto;
                position: relative;
            }
            .list{
                width: 1209px;
                height: 36px;
                margin:0px auto;
            }
            .con{
                width: 1209px;
                height: 969px;
                margin:25px auto;
            }
            .e{
                width: 1209px;
                height: 36px;
                margin: 12px auto 75px auto;
                text-align: center;
                line-height: 36px;
                background:white;
            }
            .banner .z{
            height: 512px;
            width: 907px;
            float: left;
            }
            .z .b1{
                height: 512px;
                width: 907px;
                float: left;
            }
            .z .z1{
                height: 40px;
                width: 907px;
                
            }
            .z .z2{
                height: 40px;
                width: 907px;
            }
            .banner .be{
                position: absolute;
                left: 0px;
                bottom: 0px;
                color: #fff;
                width: 907px;
                height: 40px;
                line-height: 40px;
                background-color:#4d4d4d;
            }
            .banner .x{
                width: 290px;
                height: 512px;
                float: right;
            }
            .banner .x1{
                width: 290px;
                height: 163px;
                position: relative;
                margin-bottom: 12px;
            }
            .banner .x2{
                position: absolute;
                width: 290px;
                height: 52px;
                color: white;
                background-color:rgba(0, 0, 0, 0.3);
                bottom: 0px;
            }
            .banner .x3{
                width: 290px;
                height: 163px;
                position: relative;
                margin-bottom: 12px;
            }
            .banner .x4{
                width: 290px;
                height: 163px;
                position: relative;
            }
            select{
                width: 132px;
                height: 36px;
            }
            .con .d1{
                width: 291px;
                height: 969px;
                float: left;
            }
            .con .f{
                width: 291px;
                height: 969px;
            }
            .con .o{
                width: 291px;
                height: 315px;
                background-color: white;
                position: relative;
            }
            .con .p{
                height: 191px;
                width: 290px;
            }
            .s{
                height: 36px;
                line-height: 36px;
                width: 36px;
                border-radius: 40px;
                display: block;
                text-align: center;
                background: #f8e71c;
                font-size: 20px;
                color:black;
                float: left;
                position: absolute;
                top: 0px;
            }
            .l{
                font-size: 14px;
                color: grey;
                margin: 75px auto 63px auto;
                height: 14px;
                width: 1209px;
            }
            .j{
                width: 1209px;
                height: 61px;
                margin: 0px auto 36px auto;
            }
            .u{
                height: 14px;
                width: 1209px;
                margin: 0px auto 31px auto;
                color: grey;
            }
        </style>
    </head>
    <body>
            <div class="header">
                <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="h1">登录</a>
                <div class="a1">
                    <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="a">赞</a>
                    <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="a">萌</a>
                    <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="a">哈</a>
                    <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="a">艹</a>
                    <a href="file:///C:/Users/ASUS/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/04.html" class="a">买</a>
                </div>
            </div>
            <div class="banner">
                <div class="z">
                <ul class="z1">
                    <li class="z2">
                        <img src="images_files/s003.jpg" alt="" class="b1">
                        <p class="be">Brand 100:设计成就品牌</p>
                    </li>
                </ul>
                </div>
                <div class="x">
                    <ul class="x">
                        <li class="x1">
                            <img src="images_files/s02.jpg" alt="" class="x1">
                            <p class="x2">想点亮这个圣诞氛围?试试这个「驯鹿灯」</p>
                        </li>
                        <li class="x3">
                            <img src="images_files/s03.jpg" alt="" class="x3">
                            <p class="x2">Designer 100: 100个设计师, 100个故事</p>
                        </li>
                        <li class="x4">
                            <img src="images_files/s04.jpg" alt="" class="x4">
                            <p class="x2" style="height: 31px;">旧椅子获新生，还比以前更炫酷了</p>
                        </li>
                    </ul>
                </div>
            </div>
            <ul class="list">
                <li>
                    <select name="" id="">
                        <option value="">最新</option>
                    </select>
                    <select name="" id="">
                        <option value="">最热</option>
                    </select>
                    <select name="" id="">
                        <option value="">热议</option>
                    </select>
                    <select name="" id="">
                        <option value="">随机</option>
                    </select>
                </li>
            </ul>
            <ul class="con">
                <div class="d1">
                    <ul class="f">
                        <li class="o">
                                <img src="images_files/i01.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">用水才能擦去笔记，它只想保护好设计师的创意</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">2小时前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">122</p>
                                <p style="float: left; margin-left: 50px; color: grey;">2</p>
                        </li>
                        <li class="o" style="margin: 12px 0px 12px 0px;">
                                <img src="images_files/i05.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">矮怎么了？照样能够拿到书架顶端的书</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">18小时前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">534</p>
                                <p style="float: left; margin-left: 30px; color: grey;">24</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">艹</a>
                        </li>
                        <li class="o">
                                <img src="images_files/i08.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">窝在北方的暖炉里，你应该需要这样一个散热阀门？</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">1天前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">479</p>
                                <p style="float: left; margin-left: 60px; color: grey;">11</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                    </ul>
                </div>
                <div class="d1" style="margin: 0px 14px 0px 14px;">
                    <ul class="f">
                        <li class="o">
                                <img src="images_files/i02.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">马桶刷也要有优雅的姿态</p>
                                <br><br>
                                <p style="float: left; margin-left: 12px; color: grey;">3小时前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">108</p>
                                <p style="float: left; margin-left: 50px; color: grey;">7</p>
                        </li>
                        <li class="o" style="margin: 12px 0px 12px 0px;">
                                <img src="images_files/i06.png" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">这简直是一场关于肉体的盛宴，无关设计，无关时尚，无关商业......</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">19小时前</p>
                                <p style="float: left; margin-left: 100px; color: grey;">1024</p>
                                <p style="float: left; margin-left: 30px; color: grey;">23</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                        <li class="o">
                                <img src="images_files/i09.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">废纸打造的铅笔，像是一朵朵落入凡间的花</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">2天前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">533</p>
                                <p style="float: left; margin-left: 60px; color: grey;">34</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">艹</a>
                        </li>
                    </ul>
                </div>
                <div class="d1">
                    <ul class="f">
                        <li class="o">
                                <img src="images_files/i03.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">健身也走【科技范】，你以为这仅仅只是个瑜伽垫？</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">16小时前</p>
                                <p style="float: left; margin-left: 95px; color: grey;">407</p>
                                <p style="float: left; margin-left: 50px; color: grey;">11</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                        <li class="o" style="margin: 12px 0px 12px 0px;">
                                <img src="images_files/i07.png" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">中国国际设计节PK世界工业设计大会，那个更棒。</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">20小时前</p>
                                <p style="float: left; margin-left: 100px; color: grey;">402</p>
                                <p style="float: left; margin-left: 30px; color: grey;">10</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                        <li class="o">
                                <img src="images_files/i10.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">依靠在毯子上，这件事听着就让人舒坦</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">2天前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">463</p>
                                <p style="float: left; margin-left: 60px; color: grey;">19</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">哈</a>
                        </li>
                    </ul>
                </div>
                <div class="d1" style="float: right;">
                    <ul class="f">
                        <li class="o">
                                <img src="images_files/i04.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">牙缝清洁怎么办？牙签牙线都过时了，用【刷子】刷吧。</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">16小时前</p>
                                <p style="float: left; margin-left: 95px; color: grey;">640</p>
                                <p style="float: left; margin-left: 50px; color: grey;">16</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                        <li class="o" style="margin: 12px 0px 12px 0px;">
                                <img src="images_files/i07.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">首届世界工业设计大会在家门口杭州，中国设计师们燥起来</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">23小时前</p>
                                <p style="float: left; margin-left: 100px; color: grey;">303</p>
                                <p style="float: left; margin-left: 50px; color: grey;">9</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                        <li class="o">
                                <img src="images_files/i11.jpg" alt="" class="p">
                                <br><br>
                                <p style="margin:0px 12px 0px 12px;">别笑话虚拟键盘没有实体按键，打字or音乐，它们说变就能变</p>
                                <br>
                                <p style="float: left; margin-left: 12px; color: grey;">2天前</p>
                                <p style="float: left; margin-left: 111px; color: grey;">540</p>
                                <p style="float: left; margin-left: 60px; color: grey;">44</p>
                                <a href="http://lzpdk.gitee.io/aa/" class="s">赞</a>
                        </li>
                    </ul>
                </div>
            </ul>
            <p class="e">太快了吧，慢慢来:)</p>
            <p class="l">合作伙伴</p>
            <div class="j">
                <img src="images_files/x01.png" alt="">
                <img src="images_files/x02.png" alt="">
                <img src="images_files/x03.png" alt="">
                <img src="images_files/x04.png" alt="">
                <img src="images_files/x05.png" alt="">
                <img src="images_files/x06.png" alt="">
                <img src="images_files/x07.jpg" alt="">
            </div>
            <p class="u">友情链接</p>
            <p class="u">海报设计丨DRC丨中国工业设计协会丨设计邦丨网易家居丨凤凰家居丨智东西丨友好速搭丨高清图片丨Fotor丨极果丨快站丨新浪众测丨非常设计师网丨腾讯家居</p>
        
    
</body></html>